@function r($px) {
    @return $px/40*1rem;
}
.web{
    width: 100%;
    .beijing {
            position: relative;
        z-index: 999999;
        position: fixed;
        width: 100%;
        background-color: #b20000;
        height: r(90);
        .hanbao {
            position: absolute;
            top: r(28);
            img {
                width: r(40);
                height: r(40);
            }
        }
        .gimc {
            text-align: center;
            padding-top: r(30);
            img {
                width: r(265);
            }
        }
        .shous {
            position: absolute;
            top: r(30);
            right: r(10);
            border: r(2) solid white;
            border-radius: 50%;
            width: r(30);
            height: r(30);
            label{
                display: inline-block;
                height: r(30);
            }
            img {
                width: r(30);
                height: r(30);
                vertical-align: top;
                
               
            }
        }
        .yuan{
            position: absolute;
            top: r(20);
            left: r(20);
            border-radius: 50%;
            background: red;
            width: r(23);
            height: r(23);
            text-align: center;
            span{
                font-size:r(12);
                color: white;
                vertical-align: top;
            }
        }
    }
    .glyphicon-chevron-right::before{
        content: "";
    }
     .glyphicon-chevron-left::before{
        content: "";
    }
    .lunbo{
        padding-top: r(100);
    }
    .carousel-indicators{
        bottom: r(-8);
    }
   .haitian{
       display: inline-block;
       width: 47%;
       padding-top: r(38);
       padding-left: r(38);
       .tupian{
           img{
               width: 100%;
           }
       }
       .wenzi{
           overflow: hidden;
//       text-overflow:ellipsis;
//       white-space: nowrap;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;
       }
       .yings{
           ul{
               
              margin-top: r(-10);
               li:nth-child(1){
                       background:#B20000;
                       width: 25%;
                       border-radius:r(10);
                       text-align: center;
               }
                  li:nth-child(2){
                      padding-left: r(15);
                   img{
                       width: r(40);
                       height: r(40);
                   }
                 }
                   li:nth-child(3){
                   img{
                       width: r(23);
                       height: r(23);
                   }
                 }
               li{
                   display: inline-block;
               }
           }
       }
   }
   .foot {
        width: 100%;
        z-index: 10;
        position: fixed;
        bottom: 0;
        margin-top: r(-18);
        background: #f5f5f5;
        ul {
            margin-bottom: 0;
            padding-left: r(5);
            text-align: center;
           padding-top: r(6);
             li:nth-child(3){
                    p{
                        color:palevioletred;
                    }
                }
            li {
                height: r(50);
                display: inline-block;
                padding-top: r(1);
                width: 18%;
                text-align: center;
                a{
                    display: block;
                    width: 100%;
                    height: 100%;
                }
               
                img {
                    width: r(40);
                    height: r(40);
                }
                p {
                    font-size: r(18);
                    color: #8b8b8b;
                }
            }
        }
    }

 //
}
